@charset "utf-8";

/* 顶部 */
.top{
    background:#252525;
    line-height:43px;
    font-size:12px;
    border:1px solid #434343;
}
.top a{
    color:#fff;
}
.top a:hover{
    color:#00a7ea;
}
.touch .tel::before{
    content:'';
    display:inline-block;
    width:15px;
    height:13px;
    background:url(../images/tel.png);
    position:relative;
    top:3px;
}
.touch .email::before{
    content:'';
    display:inline-block;
    width:19px;
    height:13px;
    background:url(../images/mail.png);
    position:relative;
    top:2px;
}
.touch span{
    float:right;
    margin-left:20px;
}
/* 导航 */
nav{
    line-height:103px;
}
nav img{
    vertical-align:middle;
}
nav .rightnav{
    float:right;
    line-height:103px;
}
.rightnav a{
    color:#252525;
    font-size:16px;
    margin:0 25px;
    line-height:40px;
    display:inline-block;
}
.rightnav a:hover{
    color:#00a7ea;
}
.rightnav a:hover::after{
    content:'';
    display:block;
    margin:0 auto;
    background:#00a7ea;
    width:50%;
    height:3px;

}
/* 横幅 */
.banner{
    width:100%;
}
.banner img{
    width:100%;
}
/* 简介 */
.product{
    margin:27px auto;
}
.intar{
    margin-bottom:27px;
}
.intar ul{
    line-height:210px;
}
.intar li{
    height:210px;
    width:400px;
    float:left;
    text-align:center;
    box-sizing:border-box;
    position:relative;
}
.intar div{
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    height:210px;
    width:400px;
}
.intar li a{
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    height:210px;
    width:400px;
    box-sizing: border-box;
    text-align:center;
}
.intar a:hover{
    background:rgba(45,167,191,0.6);
}
.intar a:hover{
    color:#fff;
}
.intar h3,.cap{
    color:#fff;
    font-size:20px;
    font-weight:normal;
    padding:26px 0;
}
.intar p,.mat{
    color:#fff;
    font-size:14px;
    line-height:28px;
    padding:0 25px;
}
.cap,.mat{
    display:block;
}
/* 产品展示 */
.product h1{
    line-height:123px;

}
.product h1 a{
    font-size:28px;
    color:#49c6da;
    font-weight:normal;
    display:inline-block;
    line-height:60px;
}
.product h1 a:hover{
    color:#00a7ea;
}
.product h1 span{
    font-size:22px;
    font-weight:normal;
    margin-left:15px;
}
.product h1 a:hover::after{
    content:'';
    display:block;
    background:#00a7ea;
    width:50px;
    height:4px;
}
.show ul{
    width:580px;
    float:left;
}
.show li{
    margin-right:20px;
    margin-bottom:25px;
    position:relative;
    float:left;
}  
.show li a{
    color:#00a7ea;
    font-size:22px;
    width:270px;
    height:275px;
    background:rgba(248,248,249,0.9);
    position:absolute;
    top:0;
    left:0;
    padding:100px 0;
    display:none;
    box-sizing:border-box;
}
.show li:hover a{
    display:block;
}
.caption{
    color:#000;
    font-size:24px;
    font-weight:normal;
    text-align: center;
}
.matter{
    font-weight:normal;
    text-align: center;
}
.caption,.matter{
    display:block;
}
.show .right_aside a{
    color:#00a7ea;
    font-size:22px;
    width:600px;
    height:580px;
    background:rgba(248,248,249,0.9);
    position:absolute;
    top:0;
    left:0;
    padding:240px 0;
    display:none;
    box-sizing:border-box;
}
.show .right_aside:hover a{
    display:block;
}
.show .right_aside{
    float:right;
    position:relative;
    
}
.but{
    margin-left:242px;
    font-size:16px;
    color:#000;
    text-align:center;
    border:1px solid #252525;
    padding:5px 10px;
    border-radius:60px;
}
/* 关于我们 */
 body .about{
    width:100%;
    height:510px;
    background-position:center;
    display:block;
    background:url(../images/banner3.jpg) no-repeat;
    background-position:center;
}
.about .art{
    width:680px;
    height:510px;
    text-align:center;
    margin:0 auto;
    padding:40px 0;
    box-sizing:border-box;
}
.about h1{
    
    font-size:28px;
    font-weight:normal;
    line-height:100px;
}
.about h1 a{
    line-height:50px;
    color:#3c3c3c;
    display:inline-block;
}
.about h1 a:hover{
    color:#00a7ea;
}
.about h1 a:hover::after{
    content:'';
    display:block;
    background:#00a7ea;
    width:50px;
    margin:0 auto;
    height:4px;
}
.about p{
    color:#6b6b6b;
    line-height:30px;
}
.about .read{
    font-size:14px;
    color:#fff;
    display:block;
    width:155px;
    height:46px;
    background:#25bbce;
    line-height:46px;
    margin:40px auto;
    border-radius:50px;
}
/* 新闻动态 */
.news{
    line-height:123px;

}
.news a{
    font-size:28px;
    color:#49c6da;
    font-weight:normal;
    display:inline-block;
    line-height:60px;
}
.news a:hover{
    color:#00a7ea;
}
.news span{
    font-size:22px;
    font-weight:normal;
    margin-left:15px;
}
.news a:hover::after{
    content:'';
    display:block;
    background:#00a7ea;
    width:50px;
    height:4px;
}
.information{
    margin-bottom:68px;
}
.information ul{
    width:380px;
    float:left;
    font-size:15px;
}
.information li{
    border-bottom:1px dashed #dadadd;
    display:inline-block;
    width:380px;
    padding:15px 0;
    color:#15bded;
}
.information li a{
    color:#6a6a6a;
}
.information .img{
    border:0;
}
.information li a:hover{
    color:#15bded;
}
.information span{
    float:right;
    font-size:12px;
    color:#6a6a6a;
}
.middlenews{
    margin:0 30px;
}
/* 底部链接 */
footer{
    background:#141414;
    padding:60px 0;
    color:#818388;
    
}
.address{
    width:400px;
    box-sizing:border-box;
    float:left;
}
footer .address .add{
    background:url(../images/icon.jpg) no-repeat 5px -1px;
    display:inline-block;
    width:23px;
    height:21px;
    vertical-align: middle;
}
footer .address .contact{
    background:url(../images/icon.jpg) no-repeat 4px -42px;
    display:inline-block;
    width:23px;
    height:21px;
    vertical-align: middle;
}
footer .address .mail{
    background:url(../images/icon.jpg) no-repeat 0 -82px;
    display:inline-block;
    width:23px;
    height:21px;
    vertical-align: middle;
}
footer span{
    margin-right:5px;
}
footer p{
    line-height:45px;
}
footer .links{
    width:310px;
    float:left;
    box-sizing:border-box;
    margin-left:50px;
}
footer .links h1{
    font-size:19px;
    font-weight:normal;
    color:#fff;
    line-height:40px;
}
.links li a{
    display:block;
    float:left;
    width:150px;
    font-size:14px;
    color:#818388;
    padding:15px 0;
}
.links a:hover{
    color:#00a7ea;
}
.links h1 a{
    color:#fff;
    line-height:30px;
    display:inline-block;
}
.links h1 a:hover::after{
    content:'';
    display:block;
    background:#318568;
    width:40px;
    height:3px;
}
footer form{
    width:320px;
    float:left;
    box-sizing:border-box;
    margin-left:50px;
    
}
footer form h1{
    font-size:19px;
    font-weight:normal;
    color:#fff;
    line-height:40px;
    float:left;
    text-align:top;
}
form a{
    display:block;
}
.form a:hover{
    color:#00a7ea;
}
form h1 a{
    color:#fff;
    line-height:30px;
    display:inline-block;
}
form h1 a:hover::after{
    content:'';
    display:block;
    background:#318568;
    width:40px;
    height:3px;
}
form{
    position:relative;
}
form input{
    width:320px;
    height:50px;
    box-sizing:border-box;
    outline:0;
    background:#333;
    border:0;
    padding:2px 100px 2px 10px;
    margin-top:30px;

}
form button{
    height:50px;
    width:100px;
    background:#3aa27f;
    color:#fff;
    font-size:16px;
    position:absolute;
    top:70px;
    right:0;
    border:0;
    cursor:pointer;
}
form p img{
    vertical-align: middle;
    margin-left:15px;
}
form p{
    font-size:15px;
    color:#818388;
    margin-top:22px;
}
form p a{
    display:inline-block;
}
form p a:hover{
    color:#00a7ea;
}
.copyright{
    line-height:76px;
    text-align:center;
    background:#000;
    font-size:12px;
    color:#818388;
}